<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<h:outputStylesheet library="css" name="bootstrap.css"></h:outputStylesheet>
	<style type="text/css">
body {
	padding-top: 80px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
}

.form-signin {
	max-width: 300px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signin .form-signin-heading,.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin input[type="text"],.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}
</style>
	<h:outputStylesheet library="css" name="bootstrap-responsive.css"></h:outputStylesheet>
	<h:outputScript library="js" name="jquery.js"></h:outputScript>
	<h:outputScript library="js" name="bootstrap.js"></h:outputScript>
	<title>Livros Sociais</title>
</h:head>
<h:body>
	<div class="container">
		<h:form id="form" class="form-signin">
			<p:growl id="growl" showDetail="true" sticky="true"/>
			<h2 class="form-signin-heading">Livros Socias</h2>
			<h:panelGrid columns="2" cellpadding="5">
				<h:outputLabel for="email" value="Email:" />
				<h:inputText value="#{loginBean.userName}" id="email"
					required="true" label="username" placeholder="Username" />

				<h:outputLabel for="senha" value="Senha:" />
				<h:inputSecret value="#{loginBean.password}" id="senha"
					required="true" label="password" />
				<h:outputText />
				<h:commandButton class="btn btn-large btn-block btn-primary"
					 id="loginButton" value="Login"
					action="#{loginBean.login}" update="growl"/>
			<h:outputText/>
			<h:link value="Cadastre-se no nosso sistema" outcome="/cadastro.xhtml"/>
			</h:panelGrid>
		</h:form>
	</div>
</h:body>
</html>